.rightContent{
    width: 79%;
    margin-left: 1%;
    height: 100%;
    .screen{
        padding: 1.875rem 0 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        select{
            border: solid 1px white;
            /*很关键：将默认的select选择框样式清除*/
            appearance:none;
            -moz-appearance:none;
            -webkit-appearance:none;
            padding: .725rem 2rem;
            outline: none;
        }
        select:hover{
            border: 1px solid #dbdbdb;
        }
        #timeSlt{
            margin-right: 1.25rem;
        }
        .asd:after{
            z-index: 90;
            content: '';
            position: fixed;
            top: 30%;
            bottom: 10;
            left: 10%;
            border: 50px solid transparent;
            border-left-color: red;
        }
    }
    .search{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        label{
            background: #2d0c13;
            color: white;
            width: 2rem;
            height: 2rem;
            display: flex;
            align-items: center;justify-content: center;
            font-size: 1.2rem;
        }
        input{
            outline: none;
            border: 1px solid #dbdbdb;
            border-right: 0;
            box-sizing: border-box;
            width: 11rem;
            height: 2rem;
            padding-left: 6px;
        }
    }
    

    .tab{
        width: 100%;
        margin-top: .9375rem;
        font-size: 13px;
        .tabTr{
            width: 100%;
            display: flex;
            align-items: center;
            padding: 10px 0;
            .creatTime{
                width: 16%;
                padding-left: 1.875rem;
            }
            .userName{
                width: 11%;
            }
            .phone{
                width: 15%;
            }
            .name{
                width: 18%;
            }
            .count{
                width: 9%;
            }
            .price{
                width: 9%;
            }
            .num{
                width: 9%;
            }
            .money{
                // width: 10%;
            }
        }
        .thead{
            .tabTr{
                background: #f4f4f4;
            }
        }
        .tbody{
            .tabTr:nth-child(odd)
            {
            background:white;
            }
        }
    }
    .tab::-o-scrollbar{
        -moz-appearance: none !important;   
        background: rgba(0,255,0,0) !important;  
    }
    
    .tab::-webkit-scrollbar {
        width:0px;
        height:0px;
    }
            
    /*IE10,IE11,IE12*/
    .tab{
        -ms-scroll-chaining: chained;
        -ms-overflow-style: none;
        -ms-content-zooming: zoom;
        -ms-scroll-rails: none;
        -ms-content-zoom-limit-min: 100%;
        -ms-content-zoom-limit-max: 500%;
        -ms-scroll-snap-type: proximity;
        -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
        -ms-overflow-style: none;
        overflow: auto;
    }
}
.tabFooter{
    display: flex;
    align-items: center;
    margin-top: 0.75rem;
    font-size: 16px;
    .strip{
        display: flex;
        align-items: center;
        .pageStrip{
            margin-left: 1.25rem;
            display: flex;
            align-items: center;
            input{
                outline: none;
                width: 3rem;
                text-align: center;
                margin: 0 0.3rem;
                height: 1.2rem;
            }
            input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{

                -webkit-appearance: none !important; 
              
                     }/* chrome */
              
                     input[type="number"]{
              
                -moz-appearance:textfield;/* firefox */
              
                     }
              
        }
    }
    .page{
        display: flex;
        align-items: center;
        margin-left: 5.25rem;
        .pageNum{
            display: flex;
            align-items: center;
            margin: 0 0.5rem;
            cursor:pointer;
            div{
                width: 26px;
                height: 26px;
                text-align: center;
                line-height: 1.625rem;
                margin: 0 .3125rem;
                border: 1px solid #cccccc;
            }
            .active{
                background: #2d0c13;
                color: white;
                border: 1px solid #2d0c13;
            }
        }
        .pageNum::-o-scrollbar{
            -moz-appearance: none !important;   
            background: rgba(0,255,0,0) !important;  
        }
        
        .pageNum::-webkit-scrollbar {
            width:0px;
            height:0px;
        }
                
        /*IE10,IE11,IE12*/
        .pageNum{
            -ms-scroll-chaining: chained;
            -ms-overflow-style: none;
            -ms-content-zooming: zoom;
            -ms-scroll-rails: none;
            -ms-content-zoom-limit-min: 100%;
            -ms-content-zoom-limit-max: 500%;
            -ms-scroll-snap-type: proximity;
            -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
            -ms-overflow-style: none;
            overflow: auto;
        }
    }
}